/*
font-family: DIN Next W02 Medium;
font-family: Proxima N W02 Bold;
font-family: Proxima N W02 Xbold;
font-family: Proxima N W02 Reg;
font-family: Proxima N W02 Smbd;
font-family: Rockwell W01 Bold;
font-family: Rockwell W01 Light;
font-family: Rockwell W02;
*/
@font-face{
	font-family: NanumGothic;
	src:url(‘/assets/font/NanumGothic.eot’);
	src:url(‘/assets/font/NanumGothic.eot?#iefix’) format(‘embedded-opentype’),
	url(‘/assets/font/NanumGothic.woff’) format(‘woff’),
	url(‘/assets/font/NanumGothic.ttf’) format(‘truetype’);
	url(‘/assets/font/NanumGothic.svg#NanumGothic’) format(‘svg’)
	src:local(※), url(‘/assets/font/NanumGothic.woff’) format(‘woff’);
}
*::-moz-selection {
    background-color: #d83e20; color: #ffffff;
}
*::selection {
    background-color: #d83e20; color: #ffffff;
}
html, body  {
	margin: 0;
	padding: 0;
	height: 100%;
}
.content-container  {
	min-height: 100%;
}
.content-body {
	padding-bottom: 80px; /* Height of the footer */
}
.content-footer, .main-content-footer {
	position: absolute;
	left: -220px;
	bottom: 0px;
	height: 80px; /* Height of the footer */ 
}
.footer {
	position: relative;
	height: 80px;
	font-family: DIN Next W02 Medium;
	color: #6a5c5d;
	font-size: 10px;
}
.main-footer-content {
	position: absolute;
	top: 0px;
	z-index: -1;
}
body {
	overflow-x: hidden;
	overflow-y: scroll;
	background: url(/assets/img/common/bg.gif);
}
.effect-1, .effect-1-1, .effect-2, .effect-2-1, .effect-4, .cover-title-page, .div-redbg, .div-textbg, .introduction-content, .introduction-background, .works-content, .works-content-category, .works-list-bottom-top, .works-view-content, .showreel-content, .showreel-content-black, .blog-content, .blog-view-page-content, .blog-content-menu, .contact-content, .new-stuff-list, .content-footer, .main-content-footer, .project-content, .your-project, ul.project-option, .project-type, .project-complete, .required-over-bar, .project-content-black, .actionIF, .careers-content, .careers-content-black, .works-content-image-in, .works-content-key-box {
	display: none;
}
.div-bg {
	position: absolute;
	top: 0px;
	margin-left: -50px;
	width: 1200px;
}
.div-redbg {
	z-index: -3;
}
.div-textbg {
	z-index: -2;
}
.top50 {
	height: 50px;
}
.bar {
	height: 2px;
	width: 210px;
	background-color: #413839;
}
.menu-over-bar {
	position: absolute;
	top: 20px;
	display: none;
	height: 2px;
	width: 210px;
	background-color: #dc3924;
}
.stuff-over-bar {
	position: absolute;
	top: 0px;
	height: 0px;
	overflow: hidden;
	z-index: -1;
}
img.menu-pointer {
	position: absolute;
	left: 0px;
	z-index: 1;
	height: 32px;
	width: 200px;
	cursor: pointer;
}
img.menu-pointer.menu-introduction {
	top: 0px;
}
img.menu-pointer.menu-works {
	top: 32px;
}
img.menu-pointer.menu-showreel {
	top: 64px;
}
img.menu-pointer.menu-blog {
	top: 96px;
}
img.menu-pointer.menu-contact {
	top: 128px;
}
img.menu-pointer {
	position: absolute;
	left: 0px;
	z-index: 1;
	height: 32px;
	width: 200px;
	cursor: pointer;
}
.menu-over-bar.menu-introduction {
	top: 17px;
}
.menu-over-bar.menu-works {
	top: 49px;
}
.menu-over-bar.menu-showreel {
	top: 81px;
}
.menu-over-bar.menu-blog {
	top: 113px;
}
.menu-over-bar.menu-contact {
	top: 145px;
}
.menu {
	position: relative;
	left: 3px;
	height: 189px;
	top: 16px;
	font-family: Rockwell W02;
	color: #413839;
	font-size: 36px;
	letter-spacing:-1px;
	line-height: 32px;
}
.project-careers {
	position: relative;
	left: 6px;
	height: 66px;
	top: 14px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	font-size: 16px;
	line-height: 22px;
}
.project-careers .project-request {
	cursor: pointer;
}
.project-careers .careers {
	cursor: pointer;
}
.cover {
	position: relative;
	left: 5px;
	height: 66px;
	top: 24px;
}
.logo {
	position: relative;
	left: 5px;
	top: 18px;
}
.logo-image {
	cursor: pointer;
}
.cover-title-content {
	position: relative;
	display: block;
	width: 210px;
	height: 189px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	z-index: 1;
}
.read-more {
	position: relative;
	top: 18px;
	left: 109px;
	height: 22px;
	width: 103px;
	cursor: pointer;
}
.read-more-text {
	position: relative;
	left: 10px;
	font-size: 14px;
}
.cover-title {
	position: absolute;
	bottom: 18px;
	left: 2px;
	width: 210px;
	font-size: 24px;
	line-height: 28px;
}
.cover-loading {
	position: absolute;
	bottom: 18px;
	left: 2px;
	width: 210px;
	font-size: 24px;
	line-height: 28px;
}
.search {
	position: relative;
	top: 5px;
	height: 23px;
	z-index: 2;
}
.search-image {
	vertical-align: top;
}
li.search-text {
	position: relative;
	top: -2px;
	left: -11px;
}
.search-text input {
	width: 130px;
	height: 18px;
	font-family: Rockwell W01 Bold;
	font-size: 14px;
	border: 0px;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.search-text input:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.cover-story {
	position: relative;
	left: -6px;
	height: 56px;
	top: 24px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	font-size: 16px;
	z-index: 1;
}
.cover-story-paging {
	position: absolute;
	left: 114px;
	display: inline;
	width: 100px;
}
.cover-story-page {
	position: relative;
	left: 20px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	font-size: 14px;
}
.cover-story-page-prev {
	position: relative;
	top: -1px;
	left: 7px;
	cursor: pointer;
}
.cover-story-page-next {
	position: relative;
	top: -1px;
	left: 32px;
	cursor: pointer;
}
.percent-load-count {
	height:240px;
}
.load-count {
	position: relative;
	top: 119px;
	left: -5px;
	font-family: Rockwell W02;
	color: #413839;
	font-size: 215px;
	height: 212px;
	letter-spacing:-8px;
}
.percent-loaded {
	position: relative;
	top: 5px;
	font-family: Rockwell W02;
	color: #413839;
	font-size: 16px;
}
.new-stuff-list {
	position: absolute;
	left: -220px;
	bottom: 102px;
	height: 79px;
	overflow: hidden;
	width: 1090px;
}
.new-stuff {
	font-family: Proxima N W02 Xbold;
	color: #413839;
	font-size: 14px;
}
.new-stuff-bar {
	position: relative;
	top: 7px;
	height: 2px;
	width: 27px;
	background-color: #413839;
}
.new-stuff-list div div.new-stuff-content {
	cursor: pointer;
}
.new-stuff-title {
	position: relative;
	top: 14px;
	height: 37px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	font-size: 12px;
	line-height: 15px;
}
.new-stuff-title {
	position: relative;
	top: 14px;
	height: 37px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	font-size: 12px;
	line-height: 15px;
}
.new-stuff-image {
	position: relative;
	top: 20px;
}
.new-stuff-image-image {
	width: 210px;
	height: 190px;
}
.footer div.footer-bar {
	height: 2px;
	width: 1090px;	
}
.footer ul {
	width: 1090px;
}
.footer-logo {
	position: relative;
	width: 424px;
}
.footer-logo img {
	position: relative;
	top: 4px;
	left: 4px;
}
.footer-address {
	position: relative;
	top: 19px;
	width: 209px;
	line-height: 12px;
}
.footer-contact {
	position: relative;
	top: 7px;
	width: 208px;
	line-height: 12px;
}
.footer-social {
	position: relative;
	top: 14px;
	width: 201px;
}
.footer-social .social-box {
	position: relative;
	top: 6px;
	left: -3px;
}
.footer-social .footer_f, .footer_t, .footer_v {
	cursor: pointer;
}
.footer-social .footer-like {
	position: absolute;
	top: 26px;
	left: 85px;
}

/* introduction-content */
div.introduction-background {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: -4;
}
div.introduction-background-image {
	position: relative;
	width: 2560px;
}
div.introduction-background-image img {
	width: 2560px;
	height: 1600px;
}
div.introduction-content {
	position: absolute;
	top: 0px;
	height: 960px;
}
div.introduction-content div.content-body ul {
	position: relative;
	display: block;
	top: 50px;
	margin: 0px;
	clear: both;
	list-style: none;
}
div.introduction-content div.content-body ul li {
	float: left;
	margin: 0px 5px 0px 92px;
	color: #ffffff;
}
div.introduction-content .bar {
	height: 2px;
	width: 210px;
	background-color: #ffffff;
}
div.introduction-content .introduction-title {
	margin-top: 6px;
	font-family: Proxima N W02 Smbd;
	font-size: 14px;
}
div.introduction-content .left-row1 {
	position: relative;
	margin: 87px 0px 16px;
	width: 210px;
	font-family: Proxima N W02 Xbold;
	font-size: 40px;
	line-height: 32px;
	letter-spacing: -2px;
}
div.introduction-content .left-row2 {
	position: relative;
	margin-top: 10px;
	width: 210px;
	font-family: Proxima N W02 Smbd;
	font-size: 12px;
	line-height: 14px;
}
div.introduction-content .left-row3 {
	position: relative;
	margin-top: 10px;
	width: 210px;
	font-family: Proxima N W02 Smbd;
	font-size: 12px;
	line-height: 14px;
}
div.introduction-content .right-row {
	margin-left: 7px;
}
div.introduction-content .right-row1 {
	margin-top: 38px;
}
div.introduction-content div.content-body div.right-row ul li {
	margin-left: 0px;
	height: 95px;
}
div.introduction-content .right-title {
	margin: -3px 0px 0px 11px;
	font-family: Proxima N W02 Xbold;
	font-size: 18px;
}
div.introduction-content .right-content {
	margin: -3px 0px 0px 11px;
	font-family: Proxima N W02 Smbd;
	font-size: 12px;
	line-height: 15px;
}

/* works-content */
div.works-content-category {
	position: absolute;
	top: 415px;
	color: #413839;
}
div.works-content-category div.works-content-category-title {
	font-family: Proxima N W02 Xbold;
	font-size: 14px;
}
div.works-content-category div.works-content-category-title-bar {
	height: 2px;
	width: 210px;
	background-color: #413839;
}
div.works-content-category div.works-content-category-name {
	position: relative;
	left: 2px;
	height: 22px;
	font-family: Rockwell W02;
	font-size: 14px;
}
div.works-content-category div.works-content-category-name div.works-content-category-over-bar {
	position: absolute;
	top: 9px;
	display: none;
	height: 2px;
	width: 207px;
	background-color: #da3525;
}
div.works-content-category div.works-content-category-name img.category-pointer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 22px;
	width: 206px;
	cursor: pointer;
}
div.works-content-category div.works-content-category-name div.category-pointer {
	cursor: pointer;
}
div.works-content-category div.works-content-category-bar {
	height: 1px;
	width: 210px;
	background-color: #413839;
}
div.works-content {
	position: absolute;
	top: 0px;	
}
div.works-content div.works-top {
	height: 242px;
}
div.works-content div.works-top div.works {
	position: relative;
	top: 126px;
	left: 342px;
	width: 500px;
	font-family: Proxima N W02 Xbold;
	color: #413839;
	font-size: 40px;
	letter-spacing:8px;
}
div.works-content div.works-top div.works-sub {
	position: relative;
	margin: 0 auto;
	top: 148px;
	height: 40px;
	font-family: Proxima N W02 Reg;
	color: #413839;
	font-size: 16px;	
	text-align: center;
}
div.works-content div.works-top div.works-bar {
	position: relative;
	top: 181px;
	height: 2px;
	width: 870px;
	background-color: #413839;
}
.works-content-load-image {
	position: absolute;
	top: 71px;
	left: 84px;
	z-index: -1;
}
div.works-content ul.works-list {
	position: relative;
	display: block;
	top: 29px;
	width: 870px;
	margin: 0px;
	clear: both;
	list-style: none;
}
div.works-content ul.works-list li {
	position: relative;
	float: left;
	width: 25%;
	height: 262px;
	cursor: pointer;
}
div.works-content ul.works-list li div.works-content-bar {
	position: relative;
	height: 2px;
	width: 27px;
	background-color: #413839;
}
div.works-content ul.works-list li div.works-content-title {
	position: relative;
	top: 3px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	font-size: 12px;
	line-height: 16px;
}
div.works-content ul.works-list li div.works-content-image {
	position: relative;
	top: 8px;
}
div.works-content ul.works-list li div.works-content-image div.works-content-new {
	position: absolute;
	top: 0px;
	z-index: 1;
}
div.works-content ul.works-list li div.works-content-image div.works-content-over-bar {
	position: absolute;
	top: 0px;
	height: 0px;
	overflow: hidden;
	z-index: -1;
}
div.works-content ul.works-list li div.works-content-image div.works-content-key {
	position: absolute;
	top: 160px;
	left: 7px;
	height: 0px;
}
div.works-content ul.works-list li div.works-content-image div.works-content-key-box {
	position: absolute;
	top: 5px;
	width: 228px;
	height: 172px;
	background: url(/assets/img/works/keybox.png);
	font-family: Proxima N W02 Xbold;
	font-size: 16px;
}
div.works-content ul.works-list li div.works-content-image div.works-content-key-box .works-content-key-box-close {
	width: 17px;
	margin: 11px 0px 8px 183px;
}
div.works-content ul.works-list li div.works-content-image div.works-content-key-box .works-content-key-box-close img {
	margin: 0px;
}
div.works-content ul.works-list li div.works-content-image div.works-content-key-box .works-content-key-box-text {
	color: #ffffff;
	margin-left: 29px;
	margin-bottom: 10px;
}
div.works-content ul.works-list li div.works-content-image div.works-content-key-box .works-content-key-box-input input {
	width: 105px;
	height: 17px;
	border: 0px;
	margin-left: 29px;
	background-color: #ffffff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
}
div.works-content ul.works-list li div.works-content-image div.works-content-key-box .works-content-key-box-input input:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
div.works-content ul.works-list li div.works-content-image div.works-content-key-box .works-content-key-box-input span {
	position: relative;
	top: -5px;
	margin-left: 8px;
	color: #615857;
}
div.works-content ul.works-list-more {
	position: relative;
	top: 30px;
	margin: 0 auto;
	width: 103px;
	height: 20px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	clear: both;
	list-style: none;
}
div.works-content ul.works-list-more li {
	float: left;
}
div.works-content ul.works-list-more li.works-list-more-text {
	font-size: 14px;
}
div.works-content ul.works-list-more li.works-list-more-page {
	margin-left: 3px;
	font-size: 11px;
}
div.works-content div.works-list-more-image {
	position: relative;
	top: 33px;
	margin: 0 auto;
	height: 43px;
	width: 24px;
	clear: both;
	cursor: pointer;
}
div.works-content div.works-list-bottom-block {
	display: block;
	height: 150px;
	width: 100%;
}
div.works-content div.works-list-bottom-top {
	position: absolute;
	z-index: 1;
	left: 828px;
	bottom: 41px;
	width: 61px;
	height: 63px;

}
div.works-content div.works-list-bottom-top img {
	cursor: pointer;
}

/* works-view-content */
div.works-view-content {
	position: absolute;
	top: 0px;	
}
div.works-view-content div.works-view-top {
	height: 330px;
}
div.works-view-content div.works-view-top div.works-view-bar {
	position: relative;
	top: 50px;
	height: 2px;
	width: 650px;
	background-color: #413839;
}
div.works-view-content div.works-view-top div.works-view-title1 {
	position: relative;
	top: 105px;
	font-family: Proxima N W02 Reg;
	color: #413839;
	font-size: 30px;
}
div.works-view-content div.works-view-top div.works-view-title2 {
	position: relative;
	top: 115px;
	font-family: Proxima N W02 Reg;
	color: #413839;
	font-size: 18px;
}
div.works-view-content div.works-view-top div.works-view-date {
	position: relative;
	top: 118px;
	left: 2px;
	font-family: Proxima N W02 Xbold;
	color: #413839;
	font-size: 14px;	
}
div.works-view-content div.works-view-top div.works-view-bar-1 {
	position: relative;
	top: 179px;
	height: 2px;
	width: 870px;
	background-color: #413839;
}
div.works-view-content div.works-view-top ul.works-view-etc {
	position: relative;
	top: 190px;
	left: -22px;
	width: 868px;
	clear: both;
	list-style: none;
}
div.works-view-content div.works-view-top ul.works-view-etc  li {
	margin-right: 18px;
	width: 199px;
	float: left;
	line-height: 15px;
}
div.works-view-content div.works-view-top ul.works-view-etc  li.works-view-etc-name {
	height: 18px;
	font-family: Proxima N W02 Xbold;
	color: #413839;
	font-size: 14px;
}
div.works-view-content div.works-view-top ul.works-view-etc  li.works-view-etc-value {
	height: 35px;
	font-family: Rockwell W02;
	color: #413839;
	font-size: 12px;
}
div.works-view-content div.works-view-top ul.works-view-etc li.works-view-etc-value.works-view-category span {
	cursor: pointer;
}
div.works-view-content div.works-view-top ul.works-view-etc li.works-view-etc-value.works-view-tag span {
	cursor: pointer;
}
div.works-view-content div.works-view-top ul.works-view-etc  li.works-view-etc-value img {
	position: relative;
	top: 2px;
	left: 1px;
	margin-right: 7px;
}
div.works-view-content div.works-view-top div.works-view-bar-2 {
	position: relative;
	top: 235px;
	height: 2px;
	width: 870px;
	background-color: #413839;
}
div.works-view-content div.works-view-etc-content {
	position: relative;
	top: 36px;
	left: 3px;
	font-family: NanumGothic, 나눔고딕;
	color: #413839;
	font-size: 12px;
}
div.works-view-content div.works-view-relation {
	position: relative;
	top: 65px;
}
div.works-view-content div.works-view-relation ul {
	position: relative;
	clear: both;
	list-style: none;
	height: 150px;
	margin: 0px;
	padding: 0px
}
div.works-view-content div.works-view-relation li {
	position: relative;
	float: left;
	margin: 0px 10px;
}
div.works-view-content div.works-view-relation li img {
	width: 196px;
	height: 110px;
	cursor: pointer;
}
div.works-view-content div.works-view-bar-3 {
	position: relative;
	top: 65px;
	height: 2px;
	width: 870px;
	background-color: #413839;
}
div.works-view-content ul.works-list-back {
	position: relative;
	top: 112px;
	margin-left: 0px;
	width: 870px;
	height: 20px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	font-size: 14px;
	clear: both;
	list-style: none;
}
div.works-view-content ul.works-list-back li {
	float: left;
	height: 20px;
}
div.works-view-content ul.works-list-back li.works-list-newer-text {
	width: 91px;
	cursor: pointer;
	margin-right: 280px;
}
div.works-view-content ul.works-list-back li.works-list-newer-image {
	width: 13px;
	margin-left: 5px;
	margin-right: 5px;
}
div.works-view-content ul.works-list-back li.works-list-back-text {
	cursor: pointer;
	margin-right: 280px;
}
div.works-view-content ul.works-list-back li.works-list-back-image {
	margin-right: 5px;
}
div.works-view-content ul.works-list-back li.works-list-older-text {
	width: 85px;
	cursor: pointer;
	margin-right: 5px;
}
div.works-view-content div.works-view-bottom-block {
	display: block;
	height: 150px;
	width: 100%;
}
div.works-view-content div.works-view-bottom-top {
	position: absolute;
	z-index: 1;
	left: 828px;
	bottom: 41px;
	width: 61px;
	height: 63px;

}
div.works-view-content div.works-view-bottom-top img {
	cursor: pointer;
}

/* showreel-content */
div.showreel-content {
	position: absolute;
	top: 0px;
	z-index: 4;
	height: 100%;
	width: 100%;
	background:url(/assets/img/showreel/showreel_bg_pattern.jpg) repeat;
}
div.showreel-content-black {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: #000000;
}
div.showreel-content div.showreel-view {
	position: relative;
	margin: 0 auto;
	width: 1090px;
	height: 744px;
	background:url(/assets/img/showreel/showreel_bg.jpg) no-repeat;
}
div.showreel-content div.showreel-view div.showreel-top {
	position: relative;
	top: 50px;
	height: 174px;
}
div.showreel-content div.showreel-view div.showreel-top img.showreel-title {
	position: relative;
	top: 40px;
	left: 328px;
	width: 398px;
	height: 72px;
}
div.showreel-content div.showreel-view div.showreel-top img.showreel-x {
	position: relative;
	top: -17px;
	left: 484px;
	width: 29px;
	height: 29px;
	cursor: pointer;
}
div.showreel-content div.showreel-view div.showreel-movie {
	position: relative;
	top: 50px;
	left: 125px;
	height: 450px;
	width: 800px;
	background-color: black;
}
div.showreel-content div.showreel-view ul.showreel-bottom {
	position: relative;
	top: 50px;
	left: 125px;
	width: 800px;
	height: 82px;
	clear: both;
	list-style: none;
	margin: 0px;
}
div.showreel-content div.showreel-view ul.showreel-bottom li {
	position: relative;
	top: 18px;
	float: left;
	width: 115px;
	height: 82px;
	font-family: Proxima N W02 Bold;
	font-size: 14px;
	color: #000000;
}
div.showreel-content div.showreel-view ul.showreel-bottom li div.showreel-bar {
	position: relative;
	top: 9px;
	height: 2px;
	width: 27px;
	background-color: #000000;

}
div.showreel-content div.showreel-view ul.showreel-bottom li span.showreel-select {
	cursor: pointer;
}
div.showreel-content div.showreel-view ul.showreel-bottom li span.year {
	font-family: Proxima N W02 Bold;
	font-size: 26px;
}
div.showreel-content div.showreel-view ul.showreel-bottom li.active {
	color: #a82222;
}
div.showreel-content div.showreel-view ul.showreel-bottom li.showreel-bottom-last {
	position: relative;
	top: 24px;
	margin-left: 292px;
	width: 143px;
	font-family: Rockwell W02;
	font-size: 14px;
	color: #000000;
}
div.showreel-content div.showreel-view ul.showreel-bottom li.showreel-bottom-last div.showreel-bar-last {
	position: relative;
	top: 3px;
	left: -7px;
	height: 2px;
	width: 170px;
	background-color: #000000;
}
div.showreel-content div.showreel-view ul.showreel-bottom li.showreel-bottom-last img.showreel-facebook {
	position: relative;
	left: 13px;
}
div.showreel-content div.showreel-view ul.showreel-bottom li.showreel-bottom-last img.showreel-twitter {
	position: relative;
	left: 20px;
}

/* blog-content */
div.blog-content-menu {
	position: absolute;
	top: 221px;
	color: #413839;
}
div.blog-content-category div.blog-content-category-title {
	font-family: Proxima N W02 Xbold;
	font-size: 14px;
}
div.blog-content-category div.blog-content-category-title-bar {
	height: 2px;
	width: 210px;
	background-color: #413839;
}
div.blog-content-category div.blog-content-category-name {
	position: relative;
	left: 2px;
	height: 22px;
	font-family: Rockwell W02;
	font-size: 14px;
}
div.blog-content-category div.blog-content-category-name div.blog-content-category-over-bar {
	position: absolute;
	top: 9px;
	display: none;
	height: 2px;
	width: 207px;
	background-color: #da3525;
}
div.blog-content-category div.blog-content-category-name img.category-pointer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 22px;
	width: 206px;
	cursor: pointer;
}
div.blog-content-category div.blog-content-category-name div.category-pointer {
	cursor: pointer;
}
div.blog-content-category div.blog-content-category-bar {
	height: 1px;
	width: 210px;
	background-color: #413839;
}
div.blog-content-archive {
	position: relative;
	margin-top: 50px;
	color: #413839;
}
div.blog-content-archive div.blog-content-archive-title {
	font-family: Proxima N W02 Xbold;
	font-size: 14px;
}
div.blog-content-archive div.blog-content-archive-title-bar {
	height: 2px;
	width: 210px;
	background-color: #413839;
}
div.blog-content-archive div.blog-content-archive-name {
	position: relative;
	left: 2px;
	height: 22px;
	font-family: Rockwell W02;
	font-size: 14px;
}
div.blog-content-archive div.blog-content-archive-bar {
	height: 1px;
	width: 210px;
	background-color: #413839;
}
div.blog-content {
	position: absolute;
	top: 0px;
}
div.blog-content div.blog-top {
	height: 242px;
	width: 650px;
}
div.blog-content div.blog-top div.blog {
	position: relative;
	top: 126px;
	left: 151px;
	width: 500px;
	font-family: Proxima N W02 Xbold;
	color: #413839;
	font-size: 40px;
	letter-spacing:8px;
}
div.blog-content div.blog-top div.blog-sub {
	position: relative;
	width: 500px;
	left: 79px;
	top: 148px;
	font-family: Proxima N W02 Reg;
	color: #413839;
	font-size: 16px;	
	text-align: center;
}
div.blog-content div.blog-top div.blog-bar {
	position: relative;
	top: 181px;
	height: 2px;
	width: 650px;
	background-color: #413839;
}
div.blog-content ul.blog-list {
	position: relative;
	display: block;
	width: 650px;
	margin: 0px;
	clear: both;
	list-style: none;
}
div.blog-content ul.blog-list li {
	position: relative;
	margin-top: 23px;
	font-family: NanumGothic, 나눔고딕;
	color: #413839;
	border-bottom: 1px #413839 dotted;
}
div.blog-content ul.blog-list li div.blog-view-title {
	position: relative;
	left: 6px;
	height: 26px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	cursor: pointer;
}
div.blog-content ul.blog-list li div.blog-view-date {
	position: relative;
	left: 6px;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
}
div.blog-content ul.blog-list li div.blog-view-content {
	font-size: 12px;
}
div.blog-content ul.blog-list li div.blog-view-share {
	position: relative;
	left: 485px;
	height: 30px;
	width: 162px;
	font-family: Proxima N W02 Xbold;
	font-size: 14px;
}
div.blog-content ul.blog-list li div.blog-view-share img {
	margin-left: 8px;
}
div.blog-content ul.blog-list-more {
	position: relative;
	top: 30px;
	left: 254px;
	width: 103px;
	height: 20px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	clear: both;
	list-style: none;
}
div.blog-content ul.blog-list-more li {
	float: left;
}
div.blog-content ul.blog-list-more li.blog-list-more-text {
	font-size: 14px;
}
div.blog-content ul.blog-list-more li.blog-list-more-page {
	margin-left: 3px;
	font-size: 11px;
}
div.blog-content div.blog-list-more-image {
	position: relative;
	top: 33px;
	left: 317px;
	height: 43px;
	width: 24px;
	clear: both;
	cursor: pointer;
}
div.blog-content div.blog-list-bottom-block {
	display: block;
	height: 50px;
	width: 100%;
}
div.blog-content div.blog-list-bottom-top {
	position: absolute;
	z-index: 1;
	left: 828px;
	bottom: 41px;
	width: 61px;
	height: 63px;

}
div.blog-content div.blog-list-bottom-top img {
	cursor: pointer;
}

/* blog-view-page-content */
div.blog-view-page-content {
	position: absolute;
	top: 0px;
}
div.blog-view-page-content div.blog-top {
	height: 242px;
	width: 650px;
}
div.blog-view-page-content div.blog-top div.blog {
	position: relative;
	top: 126px;
	left: 151px;
	width: 500px;
	font-family: Proxima N W02 Xbold;
	color: #413839;
	font-size: 40px;
	letter-spacing:8px;
}
div.blog-view-page-content div.blog-top div.blog-sub {
	position: relative;
	width: 500px;
	left: 79px;
	top: 148px;
	font-family: Proxima N W02 Reg;
	color: #413839;
	font-size: 16px;	
	text-align: center;
}
div.blog-view-page-content div.blog-top div.blog-bar {
	position: relative;
	top: 201px;
	height: 2px;
	width: 650px;
	background-color: #413839;
}
div.blog-view-page-content ul.blog-list {
	position: relative;
	display: block;
	width: 650px;
	margin: 0px;
	clear: both;
	list-style: none;
}
div.blog-view-page-content ul.blog-list li {
	position: relative;
	margin-top: 23px;
	font-family: NanumGothic, 나눔고딕;
	color: #413839;
	border-bottom: 1px #413839 dotted;
}
div.blog-view-page-content ul.blog-list li div.blog-view-title {
	position: relative;
	left: 6px;
	height: 26px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
}
div.blog-view-page-content ul.blog-list li div.blog-view-date {
	position: relative;
	left: 6px;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
}
div.blog-view-page-content ul.blog-list li div.blog-view-content {
	font-size: 12px;
}
div.blog-view-page-content ul.blog-list li div.blog-view-share {
	position: relative;
	left: 485px;
	height: 30px;
	width: 162px;
	font-family: Proxima N W02 Xbold;
	font-size: 14px;
}
div.blog-view-page-content ul.blog-list li div.blog-view-share img {
	margin-left: 8px;
}
div.blog-view-page-content ul.blog-list-back {
	position: relative;
	top: 30px;
	left: 265px;
	width: 103px;
	height: 20px;
	font-family: Proxima N W02 Bold;
	color: #413839;
	clear: both;
	list-style: none;
}
div.blog-view-page-content ul.blog-list-back li {
	float: left;
}
div.blog-view-page-content ul.blog-list-back li.blog-list-back-text {
	font-size: 14px;
	cursor: pointer;
}
div.blog-view-page-content ul.blog-list-back li.blog-list-back-image {
	margin-right: 5px;
}
div.blog-view-page-content div.blog-list-bottom-block {
	display: block;
	height: 50px;
	width: 100%;
}
div.blog-view-page-content div.blog-view-bottom-top {
	position: absolute;
	z-index: 1;
	left: 828px;
	bottom: 41px;
	width: 61px;
	height: 63px;

}
div.blog-view-page-content div.blog-view-bottom-top img {
	cursor: pointer;
}

/* contact-content */
div.contact-content {
	position: absolute;
	top: 0px;	
}
div.contact-content div.contact-top {
	height: 378px;
}
div.contact-content div.contact-top div.contact {
	position: relative;
	top: 126px;
	left: 308px;
	width: 500px;
	font-family: Proxima N W02 Xbold;
	color: #413839;
	font-size: 40px;
	letter-spacing:8px;
}
div.contact-content div.contact-top div.contact-sub {
	position: relative;
	margin: 0 auto;
	top: 148px;
	font-family: Proxima N W02 Reg;
	color: #413839;
	font-size: 16px;	
	text-align: center;
}
div.contact-content div.contact-top ul.contact-etc {
	position: relative;
	top: 181px;
	height: 137px;
	width: 870px;
	margin: 0px;
	clear: both;
	list-style: none;
}
div.contact-content div.contact-top ul.contact-etc li {
	position: relative;
	float: left;
	height: 137px;
	font-family: Proxima N W02 Smbd;
	color: #413839;
	font-size: 14px;
	line-height: 18px;
}
div.contact-content div.contact-top ul.contact-etc li div.contact-bar {
	height: 2px;
	width: 29px;
	background-color: #413839;
}
div.contact-content div.contact-top ul.contact-etc li.contact-address {
	width: 441px;	
}
div.contact-content div.contact-top ul.contact-etc li.contact-address div.contact-address-sub-1 {
	position: relative;
	top: 16px;
	left: 2px;
}
div.contact-content div.contact-top ul.contact-etc li.contact-address div.contact-address-sub-2 {
	position: relative;
	top: 48px;
	left: 2px;
}
div.contact-content div.contact-top ul.contact-etc li.contact-address div.contact-address-sub-2  span.contact-address-sub-2-2 {
	position: relative;
	left: 18px;
}
div.contact-content div.contact-top ul.contact-etc li.contact-email {
	width: 219px;
}
div.contact-content div.contact-top ul.contact-etc li.contact-email div.contact-email-sub-1 {
	position: relative;
	top: 16px;
	left: 2px;
}
div.contact-content div.contact-top ul.contact-etc li.contact-email div.contact-email-sub-2 {
	position: relative;
	top: 35px;
	left: 2px;
}
div.contact-content div.contact-top ul.contact-etc li.contact-qrcode {
	width: 210px;
}
div.contact-content div.contact-top ul.contact-etc li.contact-qrcode div.contact-qrcode-sub-1 {
	position: relative;
	top: 16px;
	left: 2px;
}
div.contact-content div.contact-top ul.contact-etc li.contact-qrcode div.contact-qrcode-sub-2 {
	position: relative;
	top: 24px;
	left: 2px;
}
div.contact-content div.contact-map {
	position: relative;
	display:block;
	width: 870px;
	height: 533px;
	margin-bottom: 25px;
}
img.sns-scrap {
	cursor: pointer;
}

/* project-content */
div.project-content {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 371px;
	background-color: #2b2626;	
}
div.project-content-black {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: #000000;
	opacity: 0.4;
}
div.project-content div.project-view {
	position: relative;
	top: 30px;
	margin: 0 auto;
	width: 1090px;
	height: 371px;	
	font-family: Proxima N W02 Xbold;
	color: #473a3b;
	font-size: 18px;
}
div.project-content div.project-view .required-over-bar {
	position: absolute;
	margin-top: -43px;
	color: #da3525;
	font-size: 18px;
}
div.project-content div.project-view .required-over-bar .over-bar {
	position: absolute;
	top: 18px;
	left: -2px;
	height: 2px;
	width: 315px;
	background-color: #da3525;
}
div.project-content div.project-view .required-over-bar .over-bar.step2 {
	width: 340px;
}
div.project-content div.project-view .required-over-bar .over-bar.step3-1 {
	width: 160px;
}
div.project-content div.project-view .required-over-bar .over-bar.step3-2 {
	width: 200px;
}
div.project-content div.project-view div ul {
	list-style: none;
	margin: 0px;
	clear: both;
}
div.project-content div.project-view div ul li {
	float: left;
	line-height: 54px;
}
div.project-content div.project-view div.project-view-navi ul li.project-number {
	position: relative;
	top: 18px;
	width: 20px;
	height: 20px;
	background: url(/assets/img/project_1/bg_brown.png);
}
div.project-content div.project-view div.project-view-navi ul li.project-number span {
	position: relative;
	top: -18px;
	left: 5px;
	font-size: 16px;
	color: #2b2626;
}
div.project-content div.project-view div.project-view-navi ul li.project-number.number-1 {
	margin-left: 20px;
	background: url(/assets/img/project_1/bg_red.png);
}
div.project-content div.project-view div.project-view-navi ul li.project-number.number-2 {
	margin-left: 12px;
}
div.project-content div.project-view div.project-view-navi ul li.project-number.number-3 {
	margin-left: 12px;
}
div.project-content div.project-view div.project-view-navi ul li.project-your-info {
	color: #da3525;	
}
div.project-content div.project-view div.project-view-navi ul li.project-close {
	position: relative;
	top: 6px;
	margin-left: 379px;
	cursor: pointer;
}
div.project-content div div ul.line {
	border-bottom: 1px #473a3b solid;
}
div.project-content div div ul.line2 {
	border-bottom: 2px #473a3b solid;
}
div.project-content div.project-view div.your-info, div.your-project, div.project-type, div.project-complete {
	position: absolute;
	top: 54px;
	width: 1090px;
}
div.project-content div.project-view div.your-info ul li.project-view-name {
	width: 327px;
	font-size: 44px;
}
div.project-content div.project-view div.your-info ul li.project-view-value input {
	position: relative;
	top: 13px;
	left: -6px;
	width: 700px;
	font-family: NanumGothic, 나눔고딕;
	color: #615153;
	font-size: 14px;
	font-weight: bold;
	border: 0px;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
div.project-content div.project-view div.your-info ul li.project-view-value input:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
div.project-content div.project-view div.your-info ul li.project-type-your-info {
	position: relative;
	top: -14px;
	left: 4px;
	font-family: Proxima N W02 Smbd;
	font-size: 12px;
}
div.project-content div.project-view div.your-project ul li {
	font-size: 44px;
}
div.project-content div.project-view div.your-project ul li.project-kind {
	position: relative;
	top: -2px;	
}
div.project-content div.project-view div.your-project ul li.project-kind span {
	cursor: pointer;	
}
div.project-content div.project-view div.your-project ul li.project-kind-film {
	width: 140px;
}
div.project-content div.project-view div.your-project ul li.project-kind-motion {
	width: 860px;
}
div.project-content div.project-view div.your-project ul li.project-kind-ux {
	width: 140px;	
}
div.project-content div.project-view div.your-project ul li.project-kind-website {
	width: 213px;
}
div.project-content div.project-view div.your-project ul li.project-kind-etc {
	width: 130px;
}
div.project-content div.project-view div.your-project ul li img.project-kind-check {
	position: relative;
	top: -4px;
}
div.project-content div.project-view div.your-project ul li.project-comment {
	position: relative;
	top: 9px;
	font-family: Proxima N W02 Smbd;
	font-size: 12px;
}
div.project-content div.project-view div.your-project ul li.project-budget-name {
	position: relative;
	top: -2px;	
	width: 348px;
}
div.project-content div.project-view div.your-project ul li.project-budget-value {
	position: relative;
	top: 8px;
}
div.project-content div.project-view div.your-project ul li div.project-select {
	width: 284px;
	height: 50px;
	background: url(/assets/img/project_1/btn_dropdown.png) no-repeat right #2b2626;
	border: 1px #473a3b solid;
	padding-left: 15px;
	cursor: pointer;
}
div.project-content div.project-view div.your-project ul li ul.project-option {
	position: absolute;
	top: 0px;
	z-index: 4;
	width: 269px;
	height: 202px;
	background: url(/assets/img/project_1/btn_dropdown.png) no-repeat right top #2b2626;
	border: 1px #473a3b solid;
	padding: 0 15px;
}
div.project-content div.project-view div.your-project ul li ul.project-option li {
	position: relative;
	height: 37px;
	width: 100%;
	font-size: 30px;
}
div.project-content div.project-view div.your-project ul li ul.project-option li img.option-pointer {
	position: absolute;
	top: 9px;
	left: 0px;
	z-index: 2;
	height: 37px;
	width: 300px;
	cursor: pointer;
}
div.project-content div.project-view div.your-project ul li ul.project-option li span.project-option-select {
	font-size: 44px;
}
div.project-content div.project-view div.your-project ul li ul.project-option li span.project-select-unit {
	position: relative;
	top: -9px;
	right: -66px;
	font-family: NanumGothic, 나눔고딕;
	font-weight: bold;
	font-size: 12px;
}
div.project-content div.project-view div.your-project ul li.project-schedule-name {
	position: relative;
	top: -2px;	
	width: 348px;
}
div.project-content div.project-view div.your-project ul li.project-schedule-value {
	position: relative;
	top: 10px;
}
div.project-content div.project-view div.project-type ul li {
	font-size: 44px;
}
div.project-content div.project-view div.project-type ul li.project-add-file {
	position: relative;
	top: 8px;
	left: 12px;
	width: 284px;
	height: 50px;
	background: #2b2626;
	border: 1px #473a3b solid;
	padding-left: 15px;
}
div.project-content div.project-view div.project-type ul li.project-add-file div.uneditable-input {
	position: relative;
	left: -17px;
	top: -2px;
	width: 206px;
	height: 25px;
	background: transparent;
	font-size: 30px;
	border: 0px;
	color: #da3525;
	left: -5px;
}
div.project-content div.project-view div.project-type ul li.project-add-file span.fileupload-find {
	font-size: 44px;
	color: #473a3b;
}
div.project-content div.project-view div.project-type ul li.project-add-file span.btn-file {
	border: 0px;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	color: #da3525;
}
div.project-content div.project-view div.project-type ul li.project-comment {
	position: relative;
	top: 9px;
	left: 31px;
	font-family: Proxima N W02 Smbd;
	font-size: 12px;
}
div.project-content div.project-view div.project-type ul li textarea {
	position: relative;
	top: 5px;
	width: 1074px;
	height: 90px;
	font-family: NanumGothic, 나눔고딕;
	color: #615153;
	font-size: 14px;
	font-weight: bold;
	border: 0px;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
div.project-content div.project-view div.project-type ul li textarea:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
div.project-content div.project-view div.project-complete ul li {
	font-size: 60px;
	color: #da3525;
}
div.project-content div.project-view div.project-view-bottom-navi ul {
	position: relative;
	top: 221px;
	left: 883px;
	font-size: 33px;
}
div.project-content div.project-view div.project-view-bottom-navi ul li.project-prev {
	display: block;
	width: 85px;
	height: 54px;
}
div.project-content div.project-view div.project-view-bottom-navi ul li.project-next {
	display: block;
	margin-left: 32px;
	width: 85px;
	height: 54px;
	cursor: pointer;
}

/* careers-content */
div.careers-content {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 371px;
	background-color: #2b2626;	
}
div.careers-content-black {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: #000000;
	opacity: 0.4;
}
div.careers-content div.careers-view {
	position: relative;
	top: 30px;
	margin: 0 auto;
	width: 1090px;
	height: 371px;	
	font-family: Proxima N W02 Xbold;
	color: #473a3b;
	font-size: 18px;
}
div.careers-content div.careers-view div ul {
	list-style: none;
	margin: 0px;
	clear: both;
}
div.careers-content div.careers-view div ul li {
	float: left;
	line-height: 54px;
}
div.careers-content div.careers-view div.careers-view-navi ul li.careers-close {
	position: relative;
	top: 6px;
	margin-left: 940px;
	cursor: pointer;
}
div.careers-content div div ul.line2 {
	border-bottom: 2px #473a3b solid;
}
div.careers-content div.careers-view div.careers-condition {
	position: absolute;
	top: 54px;
	width: 1090px;
}
div.careers-content div.careers-view div.careers-condition ul li {
	margin-top: 20px;
}